0.0.3

Installation

Corex is a pure HTML, JS and CSS ui components, it means that you can install it anywhere from a static website to SSR frameworks

If you dont know how to start we recommend you our Starters to get you up and running with Vanilla JS and Typescript

Corex

Add Corex in your project

npm install @netoum/corex

In you main TS file import all Corex UI components

          import "@netoum/corex";
          
        

If you wish to use the components unstyled you can jump to the components section

Styling

For styling, Corex takes a new approch to design sytem

Every component can be styled using templates and each template is available either in CSS or Tailwind

You can read more about templates

We will start by importing the default Corex templates

Corex CSS

npm install @netoum/corex-css

In you main CSS file import all Corex CSS components

         @import "@netoum/corex-css";
         
       

Corex Tailwind

npm install @netoum/corex-tailwind

In you main CSS file import all Corex CSS components

             @import "@netoum/corex-tailwind";
             
           

Fonts

By default all templates use Google Fonts for differents themes. For now import all 4 fonts: Outfit, Karla, Noto Serif and Noto Mono.

Please note that the font import should be placed at the very top of your main CSS file

            @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Noto+Sans+Mono:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');
            
          
Introduction Templates